<template>
<!-- 大咖片花部分 -->
  <div class="master_clips">
      <div class="master_clips_head">
         <div class="all_reply_head">
               
                <router-link  :to="{path:'/clips/clips_comment/clips_comment_intro'}" class='back_up'>
                    <div class="back_tab"></div>
                </router-link>
                <h1>大咖片花</h1>
         </div>
      </div>
      <div class="comment_selected_episode">
        
         <div class="selected_episode_img">
          
         </div>
         <div class="selected_episode_content">
            <h2>第一集</h2>
            <p>简介：电影讲述，失恋男姜义哲，不慎误入游乐园魔法世界，在这段奇妙旅程中与公主安洁西之间产生了纯美恋情的故事。该片力求通过这段带有魔幻色彩的浪漫爱情，深入人们的内心，探索关于爱情的真谛。</p>
         </div>
         <div class="clear"></div>
      </div>
      <div class="comment_selected_episode">
        
         <div class="selected_episode_img">
          
         </div>
         <div class="selected_episode_content">
            <h2>第一集</h2>
            <p>简介：电影讲述，失恋男姜义哲，不慎误入游乐园魔法世界，在这段奇妙旅程中与公主安洁西之间产生了纯美恋情的故事。该片力求通过这段带有魔幻色彩的浪漫爱情，深入人们的内心，探索关于爱情的真谛。</p>
         </div>
         <div class="clear"></div>
      </div>
      <div class="comment_selected_episode">
        
         <div class="selected_episode_img">
          
         </div>
         <div class="selected_episode_content">
            <h2>第一集</h2>
            <p>简介：电影讲述，失恋男姜义哲，不慎误入游乐园魔法世界，在这段奇妙旅程中与公主安洁西之间产生了纯美恋情的故事。该片力求通过这段带有魔幻色彩的浪漫爱情，深入人们的内心，探索关于爱情的真谛。</p>
         </div>
         <div class="clear"></div>
      </div>
      <div class="comment_selected_episode">
        
         <div class="selected_episode_img">
          
         </div>
         <div class="selected_episode_content">
            <h2>第一集</h2>
            <p>简介：电影讲述，失恋男姜义哲，不慎误入游乐园魔法世界，在这段奇妙旅程中与公主安洁西之间产生了纯美恋情的故事。该片力求通过这段带有魔幻色彩的浪漫爱情，深入人们的内心，探索关于爱情的真谛。</p>
         </div>
         <div class="clear"></div>
      </div>
      <div class="comment_selected_episode">
        
         <div class="selected_episode_img">
          
         </div>
         <div class="selected_episode_content">
            <h2>第一集</h2>
            <p>简介：电影讲述，失恋男姜义哲，不慎误入游乐园魔法世界，在这段奇妙旅程中与公主安洁西之间产生了纯美恋情的故事。该片力求通过这段带有魔幻色彩的浪漫爱情，深入人们的内心，探索关于爱情的真谛。</p>
         </div>
         <div class="clear"></div>
      </div>

      <div class="master_clips_load">
        
          <p>上拉加载更多...</p>

      </div>
  </div>
</template>

<script>



export default {
  name: 'ofans_headers',
    data(){

      return{

    

      }

    }
       



}
</script>

<style lang='less' scoped>

.master_clips{

    .master_clips_head{

        .all_reply_head{

          background:rgb(165,75,232);

          height:60/64rem;

          width:100%;

          position: relative;

          border-top: 1/64rem solid transparent;

          .back_tab{

            height: 50/64rem;

            width: 50/64rem;

            background: url('../../../../static/images/14/back_button.png');

            background-size: contain;

            position: absolute;

            left: 40/64rem;

            top: 10/64rem;

          }
             
          h1{

            font-size:25/64rem;

            color:white;

            text-align-last: center;

            margin-top: 20/64rem;

          }

        }

    }
    .comment_selected_episode{

      .selected_episode_img{

         height:140/64rem;

         width:220/64rem;

         background:url('../../../../static/images/15/selected_episode_img.jpg') no-repeat;

         background-size:220/64rem 140/64rem;

         margin-left:20/64rem;   

         float:left;

       }

      .selected_episode_content{

          float:left;

          margin-top:10/64rem;

          margin-left:15/64rem;

          width:360/640*100%;

          height:135/64rem;

          overflow: hidden;

          h2{

            font-size:26/64rem;

            color:#a54be8;

         }
         p{

            color:#959595;

            font-size:24/64rem;

            margin-top:13/64rem;

         }


      }

      padding: 10/64rem  0 10/64rem 0;

      width:(640-40)/640*100%;

      margin: 0 auto;

      border-bottom:1/64rem solid #ddd;

      &:last-child{

         border-bottom:0;

      }

   }
   .master_clips_load{

      position: absolute;

      bottom: 38/64rem;

      left: 200/64rem;

      right: 200/64rem;

       color: #929096;

       font-size: 26/64rem;

      p{

          &::before{

              content:'';

              display: inline-block;

              width: 30/64rem;

              height: 30/64rem;

              background: url('../../../../static/images/27/上拉.png') no-repeat;
              background-size: contain;

              padding-right: 14/64rem;

             margin-bottom: -5/64rem;

          }

      }

   }

}
	.clear{

    clear: both;

  }
</style>
